<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
    <link rel="stylesheet" href="css/activity_List_md.css">
    <link rel="stylesheet" href="css/activity_List_sm.css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate.css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_md.css">
    <link rel="stylesheet" href="TemplateUI/NavTemplate/NavTemplate_sm.css">
    <link href="css/user_Center_md.css" rel="stylesheet">
    <link href="css/user_Center_sm.css" rel="stylesheet">
</head>
<body>
<!--容器-->
<!--头部导航栏，响应式，最小宽度768-->
<div class="nav">
    <a class="logo_Astray">Astray</a>
    <ul class="nav_ul">
        <a href="index.html"><li class="nav_li nav_action">首页</li></a>
        <a href="article_Index.html"><li class="nav_li">文章</li></a>
        <a href="question_Index.html"><li class="nav_li">问答</li></a>
        <a href="test_Index.html"><li class="nav_li">测试</li></a>
        <a href="FM_Index.html"><li class="nav_li">FM</li></a>
        <li class="nav_menu">
            <ul class="nav_drop">
                <li class="item">更多<span class="triangle"></span></li>
                <a href="interact_List.html"><li class="item">动态</li></a>
                <a href=""><li class="item">选项2</li></a>
            </ul>
        </li>
    </ul>
    <ul class="nav_ul_info">
        <li class="nav_ul_info_li">
            <a  class="nav_ul_info_img" href="user_Center.html">
                <img src="img/headPhoto.png" width="2rem">
            </a>
            <div id="user_infoBox">
                <ul>
                    <li>
                        文章<br/>
                        <span>11</span>
                    </li>
                    <li>
                        提问<br/>
                        <span>11</span>
                    </li>
                    <li>回答<br/>
                        <span>11</span>
                    </li>
                    <li>收藏<br/>
                        <span>11</span>
                    </li>
                </ul>
                <dl>
                    <dt>称号：</dt>
                    <dd><img src="img/jia.png" alt=""></dd>
                    <dd><img src="img/jia.png" alt=""></dd>
                </dl>
                <div>
                    <a>签到</a>
                    <a href="user_Info_baseInfo.html">前往个人信息>>></a>
                </div>
            </div>

        </li>
        <li class="nav_ul_info_li"><a onclick="javascript:window.open('user_chat.html','chat','top=100%,left=100%,status=no,location=no,menubar=no, scrollbars=no,')">消息</a></li>
        <li class="nav_ul_info_li"><a href="user_Info_systemMessage.html">通知</a></li>
    </ul>
</div>

<!--容器1920px-->
<div class="container">

    <!--图片区-->
    <div class="divImage">
        <img src="img/activity_list/u395.png">
    </div>

    <!--提示文字--进行中-->
    <div class="font_ts_a">
        <!--文字-->
        <div class="font_ts_font">
            <h1>进行中</h1>
        </div>
        <!--横线-->
        <div class="font_ts_x">
            &nbsp;
        </div>
    </div>

    <!--进行中-->
    <div class="divJxz">
        <!--左边部分-->
        <div class="divJxz_left">
            <!--图片文字区域-->
            <!--第1个div-->
            <div class="divJxz_left_fontImage">
                <!--图片-->
               <div class="divJxz_left_fontImage_img">
                   <img src="img/activity_list/u65.png">
               </div>
                <!--文字-->
                <div class="divJxz_left_fontImage_font">
                    <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                        <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                        <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                        <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
                </div>
            </div>

            <!--第2个div-->
            <div class="divJxz_left_fontImage">
                <!--图片-->
                <div class="divJxz_left_fontImage_img">
                    <img src="img/activity_list/u65.png">
                </div>
                <!--文字-->
                <div class="divJxz_left_fontImage_font">
                    <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                        <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                        <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                        <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
                </div>
            </div>

            <!--第3个div-->
            <div class="divJxz_left_fontImage">
                <!--图片-->
                <div class="divJxz_left_fontImage_img">
                    <img src="img/activity_list/u65.png">
                </div>
                <!--文字-->
                <div class="divJxz_left_fontImage_font">
                    <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                        <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                        <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                        <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
                </div>
            </div>

            <!--第4个div-->
            <div class="divJxz_left_fontImage">
                <!--图片-->
                <div class="divJxz_left_fontImage_img">
                    <img src="img/activity_list/u65.png">
                </div>
                <!--文字-->
                <div class="divJxz_left_fontImage_font">
                    <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                        <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                        <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                        <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
                </div>
            </div>

            <!--第5个div-->
            <div class="divJxz_left_fontImage">
                <!--图片-->
                <div class="divJxz_left_fontImage_img">
                    <img src="img/activity_list/u65.png">
                </div>
                <!--文字-->
                <div class="divJxz_left_fontImage_font">
                    <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                        <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                        <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                        <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
                </div>
            </div>



        </div>

        <!--右边部分-->
        <div class="divJxz_right">
            
            <h1 class="font_ls">最新报名</h1>
            <hr>
            <br>
            <!--图片文字-->
            <!--第1个div-->
            <div class="divJxz_right_fontImage">
                <!--图片-->
               <div class="divJxz_right_fontImage_img">
                   <img src="img/activity_list/u18.png">
               </div>
                <!--文字-->
               <div class="divJxz_right_fontImage_font">
                   viu<span class="font_cs float_rigth">2017-01-01 21:10:22</span><br>
                   <span class="font_ss">报名活动：脱口秀第四期：如何通过梦境认识你自己</span>
               </div>
            </div>
            <!--第2个div-->
            <div class="divJxz_right_fontImage">
                <!--图片-->
                <div class="divJxz_right_fontImage_img">
                    <img src="img/activity_list/u18.png">
                </div>
                <!--文字-->
                <div class="divJxz_right_fontImage_font">
                    viu<span class="font_cs float_rigth">2017-01-01 21:10:22</span><br>
                    <span class="font_ss">报名活动：脱口秀第四期：如何通过梦境认识你自己</span>
                </div>
            </div>
            <!--第3个div-->
            <div class="divJxz_right_fontImage ">
                <!--图片-->
                <div class="divJxz_right_fontImage_img">
                    <img src="img/activity_list/u18.png">
                </div>
                <!--文字-->
                <div class="divJxz_right_fontImage_font">
                    viu<span class="font_cs float_rigth">2017-01-01 21:10:22</span><br>
                    <span class="font_ss">报名活动：脱口秀第四期：如何通过梦境认识你自己</span>
                </div>
            </div>
            <!--第4个div-->
            <div class="divJxz_right_fontImage">
                <!--图片-->
                <div class="divJxz_right_fontImage_img">
                    <img src="img/activity_list/u18.png">
                </div>
                <!--文字-->
                <div class="divJxz_right_fontImage_font">
                    viu<span class="font_cs float_rigth">2017-01-01 21:10:22</span><br>
                    <span class="font_ss">报名活动：脱口秀第四期：如何通过梦境认识你自己</span>
                </div>
            </div>
            <!--第5个div-->
            <div class="divJxz_right_fontImage">
                <!--图片-->
                <div class="divJxz_right_fontImage_img">
                    <img src="img/activity_list/u18.png">
                </div>
                <!--文字-->
                <div class="divJxz_right_fontImage_font">
                    viu<span class="font_cs float_rigth">2017-01-01 21:10:22</span><br>
                    <span class="font_ss">报名活动：脱口秀第四期：如何通过梦境认识你自己</span>
                </div>
            </div>
            <!--第6个div-->
            <div class="divJxz_right_fontImage">
                <!--图片-->
                <div class="divJxz_right_fontImage_img">
                    <img src="img/activity_list/u18.png">
                </div>
                <!--文字-->
                <div class="divJxz_right_fontImage_font">
                    viu<span class="font_cs float_rigth">2017-01-01 21:10:22</span><br>
                    <span class="font_ss">报名活动：脱口秀第四期：如何通过梦境认识你自己</span>
                </div>
            </div>

        </div>
    </div>

    <!--提示文字-->
    <div class="font_ts_b">
        <!--文字-->
        <div class="font_ts_font">
            <h1>过期活动</h1>
        </div>
        <!--横线-->
        <div class="font_ts_x">
            &nbsp;
        </div>
    </div>

    <!--往期活动-->
    <div class="divActivity">
        <!--第一个div-->
        <div class="divActivity_fontImage">
            <!--图片-->
            <div class="divActivity_fontImage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divActivity_fontImage_font">
                <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                    <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                    <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                    <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
            </div>
        </div>
        <!--第2个div-->
        <div class="divActivity_fontImage">
            <!--图片-->
            <div class="divActivity_fontImage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divActivity_fontImage_font">
                <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                    <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                    <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                    <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
            </div>
        </div>
        <!--第3个div-->
        <div class="divActivity_fontImage">
            <!--图片-->
            <div class="divActivity_fontImage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divActivity_fontImage_font">
                <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                    <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                    <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                    <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
            </div>
        </div>
        <!--第4个div-->
        <div class="divActivity_fontImage">
            <!--图片-->
            <div class="divActivity_fontImage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divActivity_fontImage_font">
                <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                    <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                    <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                    <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
            </div>
        </div>
        <!--第5个div-->
        <div class="divActivity_fontImage">
            <!--图片-->
            <div class="divActivity_fontImage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divActivity_fontImage_font">
                <p><span class="font_hs">心理脱口秀第四期：如何通过梦境认识你自己</span><br>
                    <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 ~ 2017-05-02</span><br>
                    <span class="font_cs">地点：</span><span class="font_ss">广州市天河区五山街道华南理工</span><br>
                    <span class="font_cs">报名人数：</span><span class="font_ss">12人</span></p>
            </div>
        </div>
    </div>

    <!--提示文字-->
    <div class="font_ts_c">
        <!--文字-->
        <div class="font_ts_font">
            <h1>报名记录</h1>
        </div>
        <!--横线-->
        <div class="font_ts_x">
            &nbsp;
        </div>
    </div>

    <!--报名-->
    <div class="divBm">
        <!--图片文字div-->
        <div class="divBm_fontImaage">
            <!--图片-->
            <div class="divBm_fontImaage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divBm_fontImaage_font">
                <p class="font_dd">
                    <!--左边文字-->
                    心理脱口秀第四期：如何通过梦境认识你自己
                    <span class="font_right"> <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 20:12:20</span></span><br><br>
                    <span class="font_cs">报名理由：</span><span class="font_ss">是打发斯蒂芬发大水</span>
                    <span class="font_right"> <span class="font_cs">审核时间：</span><span class="font_ss">2017-01-02 20:12:20</span></span><br><br><br>
                    <span class="font_right yd"> <span class="font_cs">是否审核：</span><span class="font_ss">是</span></span><br><br>
                </p>
            </div>
        </div>
        <!--图片文字div-->
        <div class="divBm_fontImaage">
            <!--图片-->
            <div class="divBm_fontImaage_img">
                <img src="img/activity_list/u65.png">
            </div>
            <!--文字-->
            <div class="divBm_fontImaage_font">
                <p class="font_dd">
                    <!--左边文字-->
                    心理脱口秀第四期：如何通过梦境认识你自己
                    <span class="font_right"> <span class="font_cs">报名时间：</span><span class="font_ss">2017-01-02 20:12:20</span></span><br><br>
                    <span class="font_cs">报名理由：</span><span class="font_ss">是打发斯蒂芬发大水</span>
                    <span class="font_right"> <span class="font_cs">审核时间：</span><span class="font_ss">2017-01-02 20:12:20</span></span><br><br><br>
                    <span class="font_right yd"> <span class="font_cs">是否审核：</span><span class="font_ss">是</span></span><br><br>
                </p>
            </div>
        </div>
    </div>


</div>

</body>
</html>